<!-- <div class="main-menu">
 
    <div class="item" *ngFor="let item of tabs,let i = index" (click)="i == 2? '' : item.active=!item.active">

        <div class="img">
        <img [src]="item.src" [alt]="item.title" *ngIf="!item.active" >
        <img [src]="item.activeSrc" [alt]="item.title" *ngIf="item.active">

        
        </div>
         <div class="title" [ngStyle]="{'color': item.active ? '#fb7299' : '#333'}">{{item.title}}</div> 
    </div>
    </div>
 -->
<div class="main-menu">
    <div class="item" (click)="onChange(1)">
        <div class="img"><img id="img1" src="../../../assets/modules/bvideo/img/full-home.png" alt="" ></div>
        <div class="title">首页</div>
    </div>
     <div class="item" (click)="onChange(2)">
        <div class="img"><img id="img2" src="../../../assets/modules/bvideo/img/updatas.png" alt=""></div>
        <div class="title">动态</div>
    </div>
    <div class="item" (click)="onChange(3)">
       <div class="img"><img id="img3" src="../../../assets/modules/bvideo/img/Add.png" alt=""></div>
        <div class="title"></div>
    </div>
    <div class="item" (click)="onChange(4)">
        <div class="img"><img id="img4" src="../../../assets/modules/bvideo/img/shopping.png" alt=""></div>
        <div class="title">会员购</div>
    </div>
    <div class="item" (click)="onChange(5)">
        <div class="img"><img id="img5" src="../../../assets/modules/bvideo/img/mine.png" alt="" ></div>
        <div class="title">我的</div>
    </div>
</div>

